<template>
  <br>表单控件<br>
  formColCount ： {{formColCount}} —— 列数<br>
  colOrder ： {{colOrder}} —— 排序<br>
  formColShow ： {{formColShow}} —— 控件联动<br>
  labelSuffix ： 【{{labelSuffix}}】 —— 标签的后缀<br>
  labelWidth ： {{labelWidth}} —— 标签的宽度<br>
  size ： {{size}}<br>
  reload ： {{reload}}<br>
  customerControl ： {{customerControl}}<br>
  ruleMeta ： {{ruleMeta}} —— 验证<br>
  subs ： {{subs}} —— 验证<br>

  <el-row :gutter="20">
    <el-col :span="6"
      style="border:1px solid #ddd"
      v-for="(item, index) in itemMeta" :key="index"
    >
      <form-item v-bind="item"/>
    </el-col>
  </el-row>
</template>

<script lang="ts">

  import { defineComponent, reactive } from 'vue'
  import formItem from './30-form-item.vue'

  import { formProps } from '../../../lib/form/props-form'

  export default defineComponent({
    name: 'ui-core-form-comp',
    components: {
      formItem
    },
    props: {
      ...formProps
    },
    setup(props) {
      console.log('表单组件的 props：', props)


      return {
        props
      }
    }
  })

</script>